   @charset "utf-8";

    @import "common/reset";
    @import "common/common";
    
header{
 position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    
    .header_a{
       
        width: r(122px);
        height: r(60px);
        border: r(3px) solid $color;;
        border-radius: r(16px);
        font-size: r(26px);
        color: #000000;
        padding-top: r(10px);
        text-align: center;
        margin-left: r(23px);
        margin-top: r(30px);
    }

    .city {
            width: r(163px);
            height: r(60px);
            box-sizing: border-box;
            border: r(3px) solid $color;
            color: #000000;
            font-size: r(26px);
            margin-right: r(21px);
            margin-top: r(30px);
            position: relative;
            select {
                padding-left: r(14px);
                width: 100%;
                height: 100%;
                line-height: r(60px);
                border: none;
                -webkit-appearance: none;
                -moz-appearance: none;
            }
            &::after {
                content: "";
                border-top: r(16px) solid $color;
                border-left: r(15px) solid transparent;
                border-right: r(15px) solid transparent;
                position: absolute;
                right: r(11px);
                top: 50%;
                transform: translateY(-50%);
            }
    }
        .search{
            text-align: center;
            span{
                font-size: r(26px);
                margin-top: r(41px);
                display: inline-block;
              
            }
        }
}
section{
     position: absolute;
     top:r(115px);
     bottom: r(115px);
     overflow-y:scroll;
    .search {
            width: r(269px);
            height: r(55px);
            margin: 0 auto;
            box-sizing: border-box;
            border: r(3px) solid $color;
            margin-top: r(34px);
            border-radius: r(55px);
            padding-left: r(20px);
            padding-right: r(15px);
            position: relative;
            input[type='text'] {
                width: r(191px);
                height: 100%;
                font-size: r(24px);
                color: #777;
                border: none;
                padding: 0 r(7px);
                
            }
            .iconfont {
                position: absolute;
                color: $color;
                font-size: r(34px);
                right: r(12px);
                top: 50%;
                transform: translateY(-50%);
            }
        }
        .sc{
        p{
            font-size: r(26px);
            margin-top: r(29px);
            padding-bottom: r(21px);
            color: #DCDCDC;
        }
        .sb{
            width: r(520px);
            height: r(130px);
            float: left;
            margin-left: r(113px);
            
            .ss{
              
               height: r(64px);
               background: #dcdcdc;
               color: #898989;
               padding-left: r(40px);
               padding-top: r(25px);
               padding-right:r(40px) ;
               padding-bottom: r(25px);
               display:inline-block;
            }
            .ymq{
               
               height: r(64px);
               background: #dcdcdc;
               color: #898989;
               padding-left: r(32px);
               padding-top: r(25px);
               padding-right:r(32px) ;
               padding-bottom: r(25px);
               display:inline-block;
            }
            .hg{
               
               height: r(64px);
               background: #dcdcdc;
               color: #898989;
               padding-left: r(40px);
               padding-top: r(25px);
               padding-right:r(40px) ;
               padding-bottom: r(25px);
               display:inline-block;
            }
            .swi{
               
               height: r(64px);
               background: #dcdcdc;
               color: #898989;
               padding-left: r(32px);
               padding-top: r(25px);
               padding-right:r(32px) ;
               padding-bottom: r(25px);
               display:inline-block;
            }
            .ss1{
              
               height: r(64px);
               background: #dcdcdc;
               color: #898989;
               padding-left: r(40px);
               padding-top: r(25px);
               padding-right:r(40px) ;
               padding-bottom: r(25px);
               display:inline-block;
               margin-top: r(5px);
            }
            .ymq1{
               
               height: r(64px);
               background: #dcdcdc;
               color: #898989;
               padding-left: r(32px);
               padding-top: r(25px);
               padding-right:r(32px) ;
               padding-bottom: r(25px);
               display:inline-block;
               margin-top: r(5px);
            }
            .hg1{
              
               height: r(64px);
               background: #dcdcdc;
               color: #898989;
               padding-left: r(40px);
               padding-top: r(25px);
               padding-right:r(40px) ;
               padding-bottom: r(25px);
               display:inline-block;
               margin-top: r(5px);
            }
            .swi1{
               
               height: r(64px);
               background: #dcdcdc;
               color: #898989;
               padding-left: r(32px);
               padding-top: r(25px);
               padding-right:r(32px) ;
               padding-bottom: r(25px);
               display:inline-block;
               margin-top: r(5px);
            }
        }
        }
        .sch{
            width: r(707px);
            height: r(351px);
            margin-left: r(24px);
            margin-top: r(10px);
            .sch1{
                width: r(278px);
                height: r(351px);
                float: left;
                img{
                width: r(278px);
                height: r(351px);
                float: left;
                }
                
            }
            .sch2{
                width: r(418px);
                height: r(146px);
                margin-left: r(10px);
                float: left;
                img{
                width: r(418px);
                height: r(146px);
                float: left;
                }
            }
            .sch3{
                width: r(195px);
                height: r(196px);
                margin-top: r(9px);
                margin-left: r(10px);
                float: left;
                img{
                width: r(195px);
                height: r(196px);
                float: left;
                }
            }
             .sch4{
                width: r(211px);
                height: r(196px);
                margin-top: r(9px);
                margin-left: r(10px);
                float: left;
                img{
                width: r(211px);
                height: r(196px);
                float: left;
                }
            }
        }
        .tuijian{
           
           height: r(226px);
           margin-top:r(33px) ;
           
           .fle{
               width: r(226px);
               height: r(195px);
               float: left;
               img{
               width: r(226px);
               height: r(195px);
               
               }
           }
           .scc{
               width: r(226px);
               height: r(195px);
               float: left;
               margin-left: 5px;
               img{
               width: r(225px);
               height: r(201px);
               
               }
           }
           
        }
}
